<%-- 
    Document   : index
    Created on : 18-feb-2013, 9:33:50
    Author     : Emanuel
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <title> CIENCIAS BASICAS </title>

        <!--Scripts and Styles-->
        <script src="JS/jquery-1.9.1.min.js"></script>
        <script src="JS/jquery-migrate-1.1.1.min.js"></script>
        <script src="JS/javascript.js" type="text/javascript"></script>
        <link rel="stylesheet" href="CSS/Styles.css" type="text/css"/>
        <link rel="stylesheet" href="CSS/buttonstyles.css" type="text/css"/>
        <!--Scripts and Styles END-->

    </head>
    <!--BODY-->
    <body>
        <div id="header">
            <h1>Laboratorio de Ciencias Basicas</h1>
            <h2>Inscripcion, Mantenimiento y Control de Alumnos</h2>
        </div>

        <hr id="header_stripe"/>
        <div id="page_container">
            <div id="toppanel">
                <div id="panel">
                    <div id="panel_contents"> </div>
                    <h1>Ingrese su Usuario y Contraseña</h1>
                    <h2>Created By LinkSys</h2>
                    <img class="border_pic" src="./IMAGES/ufg1.png" height="250" width="150" alt="Screenshot" />  
                    <div class="border" id="login">  

                        <form method="POST" action="${pageContext.servletContext.contextPath}/sSesion">
                            <table>
                                <tr>
                                    <td><p>Usuario:</p></td>
                                    <td><input type="text" size="15" name="usuario" id="username" required/></td>
                                </tr>
                                <tr>
                                    <td><p>Contrase&ntilde;a:</p></td>
                                    <td><input type="password" size="15" name="clave" id="password" required </td>
                                </tr>
                            </table>
                            <center><input type="submit" accesskey="l" id="login_btn" name="login" value="ENTRAR"  class="button-bevel orange">  
                                <span class="users"></span> ENTRA  
                            </center>
                        </form>
                    </div>
                </div>
                <div class="panel_button" style="display: visible;"><img src="./IMAGES/expand.png"  alt="expand"/>  
                    <a href="#">Entra Aquí</a>  
                </div> 

                <div class="panel_button" id="hide_button" style="display: none;"><img src="./IMAGES/collapse.png" alt="collapse" />  
                    <a href="#">Minimizar</a>  
                </div>

            </div>
            <div id="content">
                <p>Click en el Panel Superior para mostrar el contenido.</p>
                <p>El presente proyecto ha sido creado para la administración, control e inscripción de alumnos del laboratorio de Ciencias Básicas de la Universidad Francisco Gavidia. Creado entre Julio del 2012 a Septiembre del 2013, por los alumnos: Jonathan Cabrera, Emanuel Martínez, Boris Ochoa, Luis Lara y Jorge Acevedo.</p>

            </div>
            <div id="footer">
                <p>Created by LinkSys</p>
            </div>
        </div>
    </body>
    <!--BODY END-->

</html>